<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>用户中心-上传头像</title>
    <link href="../c/base.css" rel="stylesheet" type="text/css">
    <link href="../c/toefl.css" rel="stylesheet" type="text/css">
    <script src="../j/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/userinfor.js" type="text/javascript" charset="utf-8"></script>

</head>
<script>


</script>
<body>
<div class="doc910 fn-right">
    <div class="flcb_cardMenu">
        <ul>
            <li class="on"><a href="###" target="infor" id="basic">基本资料</a></li>
            <li><a href="###" target="infor" id="imgUpload">头像设置</a></li>
            <li><a href="###" target="infor" id="passwordChange">密码设置</a></li>
        </ul>
    </div>

    <div class="userCenter" style="display: block;" id="basicContent">
        <dl>
            <dt>用户名：</dt>
            <dd><input type="text" class="userCenter_input" value="用户名"></dd>
        </dl>
        <dl>
            <dt>真实姓名：</dt>
            <dd><input type="text" class="userCenter_input" value="真实姓名"></dd>
        </dl>
        <dl>
            <dt>性别：</dt>
            <dd>
                <div class="userCenter_radio">
                    <input name="sex" type="radio" value=""><span>男</span>
                    <input name="sex" type="radio" value=""><span>女</span>
                </div>
            </dd>
        </dl>
        <dl>
            <dt>学历：</dt>
            <dd>
                <div class="userCenter_radio">
                    <input name="sc" type="radio" value=""><span>专科</span>
                    <input name="sc" type="radio" value=""><span>本科</span>
                    <input name="sc" type="radio" value=""><span>硕士</span>
                    <input name="sc" type="radio" value=""><span>博士</span>
                </div>
            </dd>
        </dl>


        <dl>
            <dt>邮箱：</dt>
            <dd><input type="text" class="userCenter_input" value="dix1212121@163.com"></dd>
        </dl>
        <dl>
            <dt>电话：</dt>
            <dd><input type="text" class="userCenter_input" value="12345678901"></dd>
        </dl>
        <dl>
            <dt>出生日期：</dt>
            <dd>
                <input type="date" class="userCenter_input" value="">
            </dd>
        </dl>
        <dl>
            <dt>自我介绍：</dt>
            <dd><textarea cols="" rows="" class="userCenter_t">最近土豪牛大了，昨晚说今天南北车还要板，今天果然又板！</textarea>
                <p class="userCenter_text">请输入2-100个字符</p>
            </dd>
        </dl>
        <dl>
            <dt></dt>
            <dd><a href="###" class="userCenter_save">保存</a></dd>
        </dl>
    </div>


    <div class="userCenter" style="display: none;" id="passwordChangeContent">
        <dl>
            <dt>密码：</dt>
            <dd><input name="" type="text" class="userCenter_input"></dd>
        </dl>
        <dl>
            <dt>新密码：</dt>
            <dd><input name="" type="text" class="userCenter_input"></dd>
        </dl>
        <dl>
            <dt>确认新密码：</dt>
            <dd><input name="" type="text" class="userCenter_input"></dd>
        </dl>
        <dl>
            <dt></dt>
            <dd><a href="###" class="userCenter_save">保存</a></dd>
        </dl>
    </div>


    <div class="userTX" style="display: none;" id="imgUploadContent">
        <div class=" fn-clear"><a class="userTX_b" href="###">本地上传</a></div>
        <div class="userTXPic">
            <div class="userTXPicText">仅支持JPG、PNG格式且文件小于5M</div>
            <div class="userTX_240x240"><img src="../i/240x240.png"></div>
        </div>
        <div class="userTXShow">
            <div class="fn-clear">
                <div class="userTXPicText">您上传的图片会自动生成一下三种尺寸，请观察是否清晰</div>
                <div class="userTX_150x150"><img src="../i/240x240.png"><span>150*150</span></div>
                <div class="userTX_60x60"><img src="../i/240x240.png"><span>60*60</span></div>
                <div class="userTX_30x30"><img src="../i/240x240.png"><span>30*30</span></div>
            </div>
            <div class="userTXSave"><a class="userTXSave" href="###">本地上传</a></div>
        </div>
    </div>


</div>


</body>
</html>
